<template>
  <div class="">
    <h1>回收站</h1>
    <ul>
      <li
        v-for="(item, index) in $store.state.list"
        :key="index"
        v-show="item.status == 2"
        class="con"
      >
        <span> {{ item.title }}</span>
        <div>
          <el-button @click="item.status = 1">还原</el-button>
        </div>
      </li>
    </ul>
    <el-button @click="change0">全部未读</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {
    change0() {
      this.$store.commit("change0");
    },
  },
  components: {},
};
</script>

<style lang="scss"></style>
